<%@page pageEncoding="UTF-8"%> 
<header id="navbar-spy" class="header header-1">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-5">
						<ul class="list-inline top-contact">
							<li><span>Phone :</span> + 88888888888888</li>
							<li><span>Email :</span> 8888888888@qq.com</li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-7">
						<ul class="list-inline pull-right top-links">
							<li>
								<a href="#">Time :</a>
							</li>
							<li class="dropdown" id="timeId">
								
							</li>
						</ul>
					</div>
				</div>
				<!-- .row end -->
			</div>
			<!-- .container end -->
		</div>
		<nav id="primary-menu" class="navbar navbar-fixed-top">
			<div class="container">
	
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<a class="logo" href="index.html">
					<img src="/images/logo/logo.jpg" alt="Autoshop" width="80px" height="80px">
					<img src="/images/logo/fontLogo.png" width="100px" height="40px" />
					</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-left" id="header-navbar-collapse-1" style="margin-left: 40px;">
					<ul class="nav navbar-nav navbar-left">
						<li class="has-dropdown">
							<a href="index" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">首页</a>
						</li>
						<!-- li end -->
						<li class="has-dropdown">
							<a href="dangao"  style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">蛋糕</a>
						</li>
						<!-- li end -->
						<li>
							<a href="bingqiling" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" >冰淇淋</a>
						</li>
						<li class="has-dropdown">
							<a href="xiawucha" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" >咖啡下午茶</a>
						</li>
						<!-- li end -->
						<li class="has-dropdown pull-left">
							<a href="contact" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;">联系我们</a>
						</li>
						<!-- li end -->
					</ul>
					
					
				</div>
				<div class="collapse navbar-collapse pull-right" id="header-navbar-collapse-1" style="margin-right: 20px;">
					<!-- Mod-->
					<div class="module module-search pull-left">
						<ul class="list-inline navbar-nav">
							<li style="margin-right: 0px"; >
								<a href="#" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;"  onclick = "modaklogin()">登入</a>
								/
								<a href="#" style="font-family: '微软雅黑'; font-size: 14px; color: #684029; font-weight: 500;" onclick = "modalRegister()">注册</a>
							</li>
						</ul>
					</div>
					<!-- .module-search-->
					<!-- Mod-->
					<div class="module module-search pull-left" style="margin-right: 10px;">
						<div class="search-icon">
							<i class="fa fa-search"></i>
							<span class="title">search</span>
						</div>
						<div class="search-box">
							<form class="search-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="输入您想要查找的内容">
									<span class="input-group-btn">
									<button class="btn" type="button"><i class="fa fa-search"></i></button>
									</span>
								</div>
								<!-- /input-group -->
							</form>
						</div> 
						
					</div>
					<!-- .module-search-->
					<!-- .module-cart -->
					<div class="module module-cart pull-left">
						<div class="cart-icon">
							<i class="fa fa-shopping-cart"></i>
							<span class="title">shop cart</span>
						</div>
						<div class="cart-box">
							<div class="cart-overview">
								<ul class="list-unstyled">
									<li>
										<img class="img-responsive" src="/images/shop/thumb/1.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">Belt Car Engine</h5>
											<p class="product-price">价格 : $68.00 </p>
											<p class="product-quantity">数量 : 2</p>
										</div>
										<a class="cancel" href="#">取消</a>
									</li>
									<li>
										<img class="img-responsive" src="/images/shop/thumb/2.jpg" alt="product"/>
										<div class="product-meta">
											<h5 class="product-title">OIL FILTER</h5>
											<p class="product-price">价格 : $180.00 </p>
											<p class="product-quantity">数量 : 1</p>
										</div>
										<a class="cancel" href="#">取消</a>
									</li>
								</ul>
							</div>
							<div class="cart-total">
								<div class="total-desc">
									<h5>总价 :</h5>
								</div>
								<div class="total-price">
									<h5>$316.00</h5>
								</div>
							</div>
							<div class="clearfix">
							</div>
							<div class="cart-control">
								<a class="btn btn-primary btn-block" href="shop-cart.html">支付</a>
								<a class="btn btn-secondary btn-block" href="#">清空</a>
							</div>
						</div>
					</div>
					<!-- .module-cart end -->
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</header>